<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <title>生成采购单</title>
    <link rel="stylesheet" href="../css/style.css"/>
    <link rel="stylesheet" href="../css/font-awesome.min.css"/>
</head>
<body>
<div class="container">
    <div class="header">
        <a href="index.html"><i class="icon-angle-left icon-large"></i></a>生成采购单
        <a href="../shengou/zengjiawuliao.html" class="pull-right">增加物料</a>
    </div>
    <div class="main" style="overflow-y: auto">
        <!-- 无供应商单据列表-->
        <div>
            <div class="pa1 bg-white font28 ">
                <span class="text-99">供应商：</span>
                <span class="text-1a">无默认供应商</span></div>
            <!-- 单据列表-->
            <table class="danju bg-white">
                <tr class="bg-fa">
                    <th style="width:20%">物料名称</th>
                    <th style="width:15%">数量</th>
                    <th style="width:10%">单位</th>
                    <th style="width:15%">条只数</th>
                    <th style="width:10%">单价</th>
                    <th style="width:30%" colspan="2">申购部门</th>
                </tr>
                <tr>
                    <td class="name text-left">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                    <td><input type="number" placeholder="输入"/></td>
                    <td><i>ml</i></td>
                    <td><input type="number" placeholder="输入"/></td>
                    <td>250.00</td>
                    <td tyle="width:20%">前厅部门前厅部门</td>
                    <td><i class="icon-trash text-main font50"></i></td>
                </tr>
                <tr>
                    <td class="name text-left">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                    <td><input type="number" placeholder="输入"/></td>
                    <td><i>ml</i></td>
                    <td><input type="number" placeholder="输入"/></td>
                    <td>250.00</td>
                    <td style="width:20%">前厅部门前厅部门</td>
                    <td><i class="icon-trash text-main font50"></i></td>
                </tr>
            </table>
        </div>
        <!-- 有供应商单据列表-->
        <div>
            <div class="pa1 bg-white font28 ">
                <span>
                    <i class="text-99">供应商：</i>
                    <i class="text-1a">无默认供应商</i>
                </span>
                <span id="bezhu" class="text-main pull-right">
                    备注
                </span>

                <h3 class="mt1 font28">
                    <span class="text-99">金额：</span>
                    <span class="text-1a">268.00</span>
                </h3>

            </div>
            <!-- 单据列表-->
            <table class="danju bg-white">
                <tr class="bg-fa">
                    <th style="width:20%">物料名称</th>
                    <th style="width:15%">数量</th>
                    <th style="width:10%">单位</th>
                    <th style="width:15%">条只数</th>
                    <th style="width:10%">单价</th>
                    <th style="width:30%" colspan="2">申购部门</th>
                </tr>
                <tr>
                    <td class="name text-left">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                    <td><input type="number" placeholder="输入"/></td>
                    <td><i>ml</i></td>
                    <td><input type="number" placeholder="输入"/></td>
                    <td>250.00</td>
                    <td style="width:20%"><a href="" class="text-main">选择部门</a></td>
                    <td><i class="icon-trash text-main font50"></i></td>
                </tr>
                <tr>
                    <td class="name text-left">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                    <td><input type="number" placeholder="输入"/></td>
                    <td><i>ml</i></td>
                    <td><input type="number" placeholder="输入"/></td>
                    <td>250.00</td>
                    <td style="width:20%">前厅部门前厅部门</td>
                    <td><i class="icon-trash text-main font50"></i></td>
                </tr>
            </table>
        </div>
    </div>
    <div class="footer">
        <a href="shengchengcgd.html" class="btn btn-submit btn-block" type="button">
            取消删除
        </a>
    </div>
</div>
<script src="../js/zepto.min.js"></script>
<script src="../js/msgBox.js"></script>
<script>
    $('#bezhu').on('click click', function () {
        $.msgbox({
            msgContent: '<textarea rows="8" placeholder="请输入" maxlength="50"></textarea>',
            showTitle: true,
            title: '备注',
            buttons: ['取消', '保存'],
            cancel: function () {
            },
            submit: function () {
//                todo 保存
            },
            close: false
        });
    });
    $('.icon-trash').on('click click', function () {
        $.msgbox({
            msgContent: '确定删除该物料吗？',
            showTitle: true,
            title: '备注',
            buttons: ['取消', '确定'],
            cancel: function () {
            },
            submit: function () {
//                todo 保存
            },
            close: false
        });
    })
</script>
</body>
</html>